<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="UTF-8">
    <title>采购订单详情</title>

    <meta name="description" content="Restyling jQuery UI Widgets and Elements"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!--公共样式-->
    <link rel="stylesheet" href="./../../assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/ace.min.css"/>
    <!--页面CSS-->
    <link rel="stylesheet" href="../../css/salesPlat/common.css"/>
    <link rel="stylesheet" href="./../../css/salesPlat/buyOrderDetail.css"/>
    <link rel="stylesheet" href="./../../css/salesPlat/infoTable.css"/>

</head>
<body>
<div class="main-container" id="main-container">
    <div class="main-content">
        <div class="page-content">
            <div class="page-content-area">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="order-detail mt0">采购订单详情</div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">订单编号</div>
                            <div class="order-detail w81 r">201587485454</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">收件人</div>
                            <div class="order-detail w81 r">张三</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">收件人电话</div>
                            <div class="order-detail w81 r">18362768214</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">收件人地址</div>
                            <div class="order-detail w81 r">江苏省苏州市姑苏区虎丘婚纱城B1-401</div>
                        </div>
                        <div class="order-detail-wrap clearfix mb30">
                            <div class="order-detail w17 l h136">备注</div>
                            <div class="order-detail w81 r h136">
                                <textarea class="order-textarea"></textarea>
                            </div>
                        </div>
                        <!--采购订单商品信息-->
                        <div class="order-detail mt0">采购订单商品信息</div>
                        <!-- 循环加载订单列表 -->
                        <table id="sample-table-1" class="table">
                            <!-- 采购订单列表标题 -->
                            <thead>
                            <tr>
                                <th class="center">商品名称</th>
                                <th class="center">图片</th>
                                <th class="center">分类</th>
                                <th class="center">颜色</th>
                                <th class="center">尺寸</th>
                                <th class="center">肩宽</th>
                                <th class="center">胸围</th>
                                <th class="center">腰围</th>
                                <th class="center">臀围</th>
                                <th class="center">身高</th>
                                <th class="center">体重</th>
                                <th class="center">其他</th>
                                <th class="center">件数</th>
                                <th class="center">单价</th>
                                <th class="center">总价</th>
                            </tr>
                            </thead>
                            <!-- 循环加载订单列表 -->
                            <tbody class="center" id="tbody">
                            <tr>
                                <td>婚纱</td>
                                <td><img src="./../../assets/img/pic2.png" alt=""></td>
                                <td>齐地</td>
                                <td>婚纱</td>
                                <td>111</td>
                                <td>齐地</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>343</td>
                                <td>65</td>
                                <td>32432</td>
                            </tr>
                            <tr>
                                <td>婚纱</td>
                                <td><img src="./../../assets/img/pic2.png" alt=""></td>
                                <td>齐地</td>
                                <td>婚纱</td>
                                <td>111</td>
                                <td>齐地</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>婚纱</td>
                                <td>343</td>
                                <td>65</td>
                                <td>32432</td>
                            </tr>
                            </tbody>
                        </table>
                        <!-- 总和 -->
                        <div class="order-detail txr mb30">共<span class="order-detail-amount">4</span>件 &nbsp;&nbsp;合计：<span
                                class="order-detail-account">￥1000</span>
                        </div>
                        <!--支付下单信息-->
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">支付方式</div>
                            <div class="order-detail w81 r">支付宝</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">支付金额</div>
                            <div class="order-detail w81 r">600.0</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">支付时间</div>
                            <div class="order-detail w81 r">2017-8-30 10:00:00</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">下单时间</div>
                            <div class="order-detail w81 r">2017-8-30 10:00:00</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">期望发货日期</div>
                            <div class="order-detail w81 r">2017-8-30</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">状态</div>
                            <div class="order-detail w81 r">待发货</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">对应线下销售订单号</div>
                            <div class="order-detail w81 r">54854151545845415</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">快递公司</div>
                            <div class="order-detail w81 r">顺丰速运</div>
                        </div>
                        <div class="order-detail-wrap clearfix">
                            <div class="order-detail w17 l">快递单号</div>
                            <div class="order-detail w81 r">84515451415</div>
                        </div>

                        <div class="order-detail-operate">
                            <button class="order-detail-btn" href="buyOrderDetail.html">返  回</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="./../../assets/js/jquery.min.js"></script>
<script src="./../../assets/js/bootstrap.min.js"></script>


</body>
</html>